{% extends 'main/base.html' %}
{% block content %}
<head>
</head>
<div class="columns has-background-black-ter is-centered has-text-white-bis">
	<div class="column is-half">
    	<form action="" method="post">
        	{% csrf_token %}
        	<!-- csrf для базовой безопасности нашего приложения -->
					{% if todos %}
					<div class="field has-text-centered"><label for="index" class="label has-text-white-bis">Выберите дело для редактирования</label></div>
					<table class="table">
						<thead>
							<tr>
								<th>Выбрать</th>
								<th>Наименование</th>
								<th>Описание</th>
								<th>Признак выполенения</th>
							</tr>
						</thead>
						<tbody>				
						{% for todo in todos %}
						<tr>
							<td><label class="checkbox">
								<input type="radio" class=" checkbox" name="checkedbox" value="{{ todo.id }}"></td>
							<td>{{ todo.title }}</td>
							<td>{{ todo.description }}</td>
							<td>{% if todo.is_done %}<button class="button is-link" name="Done" formnovalidate="" type="submit" disabled>
								<span class="icon is-small">
										<i class="fa fa-trash-o"></i>
								</span>
								<span>
										Выполнено
								</span>{% else %}<button class="button is-link" name="Done" value={{ todo.id }} formnovalidate="" type="submit" disabled>
								<span class="icon is-small">
										<i class="fa fa-trash-o"></i>
								</span>
								<span>
									Не выполнено
								</span>
						</button>{% endif %}</td>
						</tr>
						</tbody>							
						{% endfor %}
					</table>
					<div class="control">
						<input type="text" class="input" placeholder="Изменить наименование"
								name="title_new">
						<input type="text" class="input" placeholder="Изменить описание"
								name="description_new">
						</div>
						<div class="select" >
							<select name="is_done">
								<option disabled>Выберите признак выполнения</option>
								<option value=False>Не выполнено</option>
								<option value=True>Выполнено</option>
							</select>
						</div>	
						 <button class="button is-link" name="Edit" value={{ todo.id }} formnovalidate="" type="submit">
							<span class="icon is-small">
									<i class="fa fa-trash-o"></i>
							</span>
							<span>
									Редактировать
							</span>
					</button>
					{% else  %}<h1 class="is-size-3 has-text-centered"> Список дел пуст!</h1>{% endif %}	
    	</form>
	</div>
</div>
{% endblock %}

